<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="UTF-8">
    <title>淘宝首页</title>
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/style.css">
    <script src="./js/jquery-1.12.4.min.js"></script>
</head>
<body class="pr">
<!-- 头部 -->
<div class="header">

    <!-- 最顶部信息栏 -->
    <div class="top-info" style="position:relative;z-index:99;">
        <div>
            <!-- 最顶部信息栏左 -->
            <div class="top-left fl">
                <a href="#" class="f40 fl">亲，请登录</a>
                <a href="#" class="fl hov-1">免费注册</a>
                <a href="#" class="fr hov-1">手机逛淘宝</a>
            </div>
            <!-- 最顶部信息栏右 -->
            <div class="top-right fr">
                <div class="fl hov-2 pr">
                    <a href="#">我的淘宝</a>
                    <i class="icon iconfont">&#xe772;</i>
                    <div class="top-list-slip pa">
                        <a href="#">已买到的宝贝</a>
                        <a href="#">我的足迹</a>
                    </div>
                </div>
                <div class="fl hov-2">
                    <i class="icon iconfont f40">&#xe73c;</i>
                    <a href="#">购物车</a>
                    <i class="icon iconfont">&#xe772;</i>
                </div>
                <div class="fl hov-2 pr">
                    <a class="icon iconfont c9c">&#xe732;</a>
                    <a href="#">收藏夹</a>
                    <i class="icon iconfont">&#xe772;</i>
                    <div class="top-list-slip pa">
                        <a href="#">收藏的宝贝</a>
                        <a href="#">收藏的店铺</a>
                    </div>
                </div>
                <div class="fl hov-2">
                    <a href="#">商品分类</a>
                </div>
                <span class="fl line">|</span>
                <div class="fl hov-2 pr">
                    <a href="#">卖家中心</a>
                    <i class="icon iconfont">&#xe772;</i>
                    <div class="top-list-slip pa">
                        <a href="#">免费开店</a>
                        <a href="#">已卖出的宝贝</a>
                        <a href="#">出售中的宝贝</a>
                        <a href="#">卖家服务中心</a>
                        <a href="#">卖家培训中心</a>
                        <a href="#">体检中心</a>
                    </div>
                </div>
                <div class="fl hov-2 pr">
                    <a href="#">联系客服</a>
                    <i class="icon iconfont">&#xe772;</i>
                    <div class="top-list-slip pa">
                        <a href="#">消费者客服</a>
                        <a href="#">卖家客服</a>
                    </div>
                </div>
                <!-- 此处有最大的下拉菜单 -->
                <div class="fl hov-2 pr hov-2-1">
                    <i class="icon iconfont f40">&#xe790;</i>
                    <a href="#">网站导航</a>
                    <i class="icon iconfont">&#xe772;</i>
                    <div class="top-list-slip-big pa">
                        <div class="fl">
                            <h3 class="col-1">主题市场</h3>
                            <ul class="fl list-1">
                                <li><a href="#">女装</a></li>
                                <li><a href="#">女装<i class="new"></i></a></li>
                                <li><a href="#">女装</a></li>
                                <li><a href="#">女装</a></li>
                                <li><a href="#">女装<i class="hot"></i></a></li>
                                <li><a href="#">女装</a></li>
                                <li><a href="#">女装<i class="new"></i></a></li>
                                <li><a href="#">女装</a></li>
                                <li><a href="#">女装<i class="hot"></i></a></li>
                                <li><a href="#">女装</a></li>
                                <li><a href="#">女装</a></li>
                            </ul>
                        </div>
                        <div class="fl">
                            <h3 class="col-2">主题市场</h3>
                            <ul class="fl list-2">
                                <li><a href="#">特色中国</a></li>
                                <li><a href="#">特色中国<i class="hot"></i></a></li>
                                <li><a href="#">特色中国</a></li>
                                <li><a href="#">特色中国<i class="new"></i></a></li>
                                <li><a href="#">特色中国<i class="new"></i></a></li>
                                <li><a href="#">特色中国</a></li>
                                <li><a href="#">特色中国<i class="hot"></i></a></li>
                                <li><a href="#">特色中国</a></li>
                                <li><a href="#">特色中国<i class="hot"></i></a></li>
                                <li><a href="#">特色中国</a></li>
                                <li><a href="#">特色中国</a></li>
                                <li><a href="#">特色中国<i class="new"></i></a></li>
                            </ul>
                        </div>
                        <div class="fl">
                            <h3 class="col-3">主题市场</h3>
                            <ul class="fl list-3">
                                <li><a href="#">聚划算</a></li>
                                <li><a href="#">聚划算<i class="new"></i></a></li>
                                <li><a href="#">聚划算</a></li>
                                <li><a href="#">聚划算</a></li>
                                <li><a href="#">聚划算<i class="hot"></i></a></li>
                                <li><a href="#">聚划算<i class="new"></i></a></li>
                                <li><a href="#">聚划算</a></li>
                                <li><a href="#">聚划算</a></li>
                                <li><a href="#">聚划算<i class="hot"></i></a></li>
                                <li><a href="#">聚划算</a></li>
                                <li><a href="#">聚划算</a></li>
                                <li><a href="#">聚划算<i class="new"></i></a></li>
                            </ul>
                        </div>
                        <div class="fl top-list-slip-big-1">
                            <h3 class="col-4">主题市场</h3>
                            <ul class="fl list-4">
                                <li><a href="#">淘宝东南亚</a></li>
                                <li><a href="#">淘宝东南亚<i class="hot"></i></a></li>
                                <li><a href="#">淘宝东南亚<i class="hot"></i></a></li>
                                <li><a href="#">淘宝东南亚<i class="hot"></i></a></li>
                                <li><a href="#">淘宝东南亚</a></li>
                                <li><a href="#">淘宝东南亚<i class="new"></i></a></li>
                                <li><a href="#">淘宝东南亚<i class="new"></i></a></li>
                                <li><a href="#">淘宝东南亚</a></li>
                                <li><a href="#">淘宝东南亚<i class="hot"></i></a></li>
                                <li><a href="#">淘宝东南亚<i class="hot"></i></a></li>
                                <li><a href="#">淘宝东南亚</a></li>
                                <li><a href="#">淘宝东南亚</a></li>
                            </ul>
                            <i class="cl"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- logo和搜索框 -->
    <div class="nav-search fs12" style="position:relative;z-index:50;">
        <div class="">
            <!-- logo -->
            <div class="icon1 fl"><a href="#"></a></div>
            <!-- search -->
            <div class="search-box fl pr">
                <!-- 宝贝 -->
                <div class="seac seac-1 fl">
                    <div class="seac-cho seac-cho-1 c-p">宝贝</div>
                    <div class="seach sea-1 pa" style="display:inline-block;">
                        <!-- 搜索框和提交按钮 -->
                        <div class="sea">
                            <input type="text" value="&#xe752; 运动会尖货疯抢" class="icon iconfont fdj">
                            <a href="#"><i class="icon iconfont ss pa c-p">&#xe77f;</i></a>
                            <button class="btn-2 pa">搜索</button>
                        </div>
                        <!-- 搜索框下面的快速搜索选项 -->
                        <ul>
                            <li><a href="#" class="f40">魅族魅蓝E</a></li>
                            <li><a href="#" class="f40">互联网SUV</a></li>
                            <li><a href="#" class="f40">柳岩功夫睡</a></li>
                            <li><a href="#">电脑主机</a></li>
                            <li><a href="#">电动车</a></li>
                            <li><a href="#" class="f40">固态硬盘</a></li>
                            <li><a href="#">雪纺衫</a></li>
                            <li><a href="#">夏款女上衣</a></li>
                            <li><a href="#">男士T恤</a></li>
                            <li><a href="#">连衣裙</a></li>
                            <li><a href="#">更多<i class="icon iconfont">&#xe775;</i></a></li>
                        </ul>
                    </div>
                </div>
                <!-- 天猫 -->
                <div class="seac seac-2 fl">
                    <div class="seac-cho seac-cho-2 c-p">天猫</div>
                    <div class="seach sea-2 pa" style="display:none;">
                        <!-- 搜索框和提交按钮 -->
                        <div class="sea">
                            <input type="text" value="&#xe752; 运动会尖货疯抢，最后疯抢" class="icon iconfont fdj">
                            <button class="btn-2 pa btn-2-1">搜索</button>
                        </div>
                        <!-- 搜索框下面的快速搜索选项 -->
                        <ul>
                            <li><a href="#">棉麻连衣裙</a></li>
                            <li><a href="#" class="fc6">t恤男</a></li>
                            <li><a href="#">单鞋</a></li>
                            <li><a href="#" class="fc6">避孕套</a></li>
                            <li><a href="#">休闲运动服</a></li>
                            <li><a href="#">运动鞋</a></li>
                            <li><a href="#" class="fc6">拉杆箱</a></li>
                            <li><a href="#">书包</a></li>
                            <li><a href="#" class="fc6">纯棉四件套</a></li>
                            <li><a href="#">小吃</a></li>
                            <li><a href="#">剃须刀</a></li>
                            <li><a href="#" class="fc6">日抛</a></li>
                        </ul>
                    </div>
                </div>
                <!-- 店铺 -->
                <div class="seac seac-3 fl">
                    <div class="seac-cho seac-cho-3 c-p">店铺</div>
                    <div class="seach sea-3 pa" style="display:none;">
                        <!-- 搜索框和提交按钮 -->
                        <div class="sea">
                            <input type="text" value="&#xe752;" class="icon iconfont fdj">
                            <button class="btn-3 pa">搜索</button>
                        </div>
                        <!-- 搜索框下面的快速搜索选项 -->
                        <ul>
                            <li><a href="#" class="f40">魅族魅蓝E</a></li>
                            <li><a href="#" class="f40">互联网SUV</a></li>
                            <li><a href="#" class="f40">柳岩功夫睡</a></li>
                            <li><a href="#">电脑主机</a></li>
                            <li><a href="#">电动车</a></li>
                            <li><a href="#" class="f40">固态硬盘</a></li>
                            <li><a href="#">雪纺衫</a></li>
                            <li><a href="#">夏款女上衣</a></li>
                            <li><a href="#">男士T恤</a></li>
                            <li><a href="#">连衣裙</a></li>
                            <li><a href="#">更多<i class="icon iconfont">&#xe775;</i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 扫码 -->
            <div class="qr-app fr pr">
                <i class="icon iconfont close pa" id="close_1">&#xe723;</i>
                <a href="#">
                    <span class="f40 fs12">手机淘宝</span>
                    <img src="./images/qr-app.png" alt="">
                </a>
            </div>
        </div>
    </div>

    <!-- 网站导航及轮播 -->
    <div class="nav-car" style="position:relative;z-index:80;"><!-- 从此处上移34px -->
        <div class="pr"><!-- 此处为总宽 1190px -->
            <div class="con-1 fl pa" style="z-index:10;"><!-- 此处宽890px -->
                <!-- 左侧导航栏 -->
                <div class="left-list fl pr" style="z-index:200;">
                    <h3><a href="#"><span class="fl">主题市场</span><span class=""><i class="icon iconfont fr">&#xe78e;</i></span></a>
                    </h3>
                    <!-- 列表 -->
                    <ul class="fl">
                        <li class="fl"><span class="fl"><i class="icon iconfont marg-1">&#xe61c;</i><a
                                href="##">女装</a><span class="marg-2">/</span><a href="#">男装</a><span
                                class="marg-2">/</span><a href="#">内衣</a></span><span class="fr"><i
                                class="icon iconfont">&#xe775;</i></span></li>
                        <li class="fl"><span class="fl"><i class="icon iconfont marg-1">&#xe618;</i><a
                                href="##">鞋靴</a><span class="marg-2">/</span><a href="#">箱包</a><span
                                class="marg-2">/</span><a href="#">配件</a></span><span class="fr"><i
                                class="icon iconfont">&#xe775;</i></span></li>
                        <li class="fl"><span class="fl"><i class="icon iconfont marg-1">&#xe622;</i><a
                                href="##">童装玩具</a><span class="marg-2">/</span><a href="#">孕产</a><span
                                class="marg-2">/</span><a href="#">用品</a></span><span class="fr"><i
                                class="icon iconfont">&#xe775;</i></span></li>
                        <li class="fl"><span class="fl"><i class="icon iconfont marg-1">&#xe634;</i><a
                                href="##">家电</a><span class="marg-2">/</span><a href="#">数码</a><span
                                class="marg-2">/</span><a href="#">手机</a></span><span class="fr"><i
                                class="icon iconfont">&#xe775;</i></span></li>
                        <li class="fl"><span class="fl"><i class="icon iconfont marg-1">&#xe68d;</i><a
                                href="##">美妆</a><span class="marg-2">/</span><a href="#">洗护</a><span
                                class="marg-2">/</span><a href="#">保健品</a></span><span class="fr"><i
                                class="icon iconfont">&#xe775;</i></span></li>
                        <li class="fl"><span class="fl"><i class="icon iconfont marg-1">&#xe623;</i><a
                                href="##">珠宝</a><span class="marg-2">/</span><a href="#">眼镜</a><span
                                class="marg-2">/</span><a href="#">手表</a></span><span class="fr"><i
                                class="icon iconfont">&#xe775;</i></span></li>
                        <li class="fl"><span class="fl"><i class="icon iconfont marg-1">&#xe627;</i><a
                                href="##">运动</a><span class="marg-2">/</span><a href="#">户外</a><span
                                class="marg-2">/</span><a href="#">乐器</a></span><span class="fr"><i
                                class="icon iconfont">&#xe775;</i></span></li>
                        <li class="fl"><span class="fl"><i class="icon iconfont marg-1">&#xe646;</i><a
                                href="##">游戏</a><span class="marg-2">/</span><a href="#">动漫</a><span
                                class="marg-2">/</span><a href="#">影视</a></span><span class="fr"><i
                                class="icon iconfont">&#xe775;</i></span></li>
                        <li class="fl"><span class="fl"><i class="icon iconfont marg-1">&#xe6a8;</i><a
                                href="##">美食</a><span class="marg-2">/</span><a href="#">生鲜</a><span
                                class="marg-2">/</span><a href="#">零食</a></span><span class="fr"><i
                                class="icon iconfont">&#xe775;</i></span></li>
                        <li class="fl"><span class="fl"><i class="icon iconfont marg-1">&#xe638;</i><a
                                href="##">鲜花</a><span class="marg-2">/</span><a href="#">宠物</a><span
                                class="marg-2">/</span><a href="#">农资</a></span><span class="fr"><i
                                class="icon iconfont">&#xe775;</i></span></li>
                        <li class="fl"><span class="fl"><i class="icon iconfont marg-1">&#xe605;</i><a
                                href="##">房产</a><span class="marg-2">/</span><a href="#">装修</a><span
                                class="marg-2">/</span><a href="#">建材</a></span><span class="fr"><i
                                class="icon iconfont">&#xe775;</i></span></li>
                        <li class="fl"><span class="fl"><i class="icon iconfont marg-1">&#xe671;</i><a
                                href="##">家具</a><span class="marg-2">/</span><a href="#">家饰</a><span
                                class="marg-2">/</span><a href="#">家纺</a></span><span class="fr"><i
                                class="icon iconfont">&#xe775;</i></span></li>
                        <li class="fl"><span class="fl"><i class="icon iconfont marg-1">&#xe604;</i><a
                                href="##">汽车</a><span class="marg-2">/</span><a href="#">二手车</a><span
                                class="marg-2">/</span><a href="#">用品</a></span><span class="fr"><i
                                class="icon iconfont">&#xe775;</i></span></li>
                        <li class="fl"><span class="fl"><i class="icon iconfont marg-1">&#xe601;</i><a
                                href="##">办公</a><span class="marg-2">/</span><a href="#">DIY</a><span
                                class="marg-2">/</span><a href="#">五金电子</a></span><span class="fr"><i
                                class="icon iconfont">&#xe775;</i></span></li>
                        <li class="fl"><span class="fl"><i class="icon iconfont marg-1">&#xe736;</i><a
                                href="##">百货</a><span class="marg-2">/</span><a href="#">餐厨</a><span
                                class="marg-2">/</span><a href="#">家庭保健</a></span><span class="fr"><i
                                class="icon iconfont">&#xe775;</i></span></li>
                        <li class="fl"><span class="fl"><i class="icon iconfont marg-1">&#xe65e;</i><a
                                href="##">学习</a><span class="marg-2">/</span><a href="#">卡券</a><span
                                class="marg-2">/</span><a href="#">本地服务</a></span><span class="fr"><i
                                class="icon iconfont">&#xe775;</i></span></li>
                    </ul>
                    <a href="#"><img src="./images/a1.jpg" class="hem"></a>
                    <!-- 左侧导航栏的hover窗口 -->
                    <div class="windows pa">
                        <div class="lft fl">
                            <div>
                                <p>
                                    <a href="#" class="let fl"><img src="./images/icon/a1.jpg" alt="">游戏</a>
                                    <a href="#" class="rit fr">更多></a>
                                </p>
                                <div>
                                    <a href="#">DNF</a>
                                    <a href="#">梦幻西游</a>
                                    <a href="#">魔兽</a>
                                    <a href="#" style="color:#f40;">LOL</a>
                                    <a href="#">坦克世界</a>
                                    <a href="#">剑网3</a>
                                    <a href="#" style="color:#f40;">魔域</a>
                                    <a href="#">DOTA2</a>
                                    <a href="#">街头篮球</a>
                                    <a href="#">CF</a>
                                    <a href="#">天龙八部</a>
                                    <a href="#">大话西游2</a>
                                    <a href="#" style="color:#f40;">三国争霸</a>
                                    <a href="#" style="color:#f40;">YY</a>
                                    <a href="#">劲舞团</a>
                                    <a href="#" style="color:#f40;">倩女幽魂</a>
                                    <a href="#">天下3</a>
                                    <a href="#">反恐精英</a>
                                    <a href="#">冒险岛</a>
                                    <a href="#">问道</a>
                                    <a href="#" style="color:#f40;">逆战</a>
                                    <a href="#">大唐无双</a>
                                    <a href="#">征途2</a>
                                    <a href="#" style="color:#f40;">九阴真经</a>
                                    <a href="#">龙之谷</a>
                                    <a href="#">热血江湖</a>
                                    <a href="#">剑灵</a>
                                </div>
                            </div>
                            <div>
                                <p>
                                    <a href="#" class="let fl"><img src="./images/icon/a2.jpg" alt="">动漫周边</a>
                                    <a href="#" class="rit fr">更多></a>
                                </p>
                                <div>
                                    <a href="#">DNF</a>
                                    <a href="#">梦幻西游</a>
                                    <a href="#" style="color:#f40;">魔兽</a>
                                    <a href="#">LOL</a>
                                    <a href="#">坦克世界</a>
                                    <a href="#" style="color:#f40;">剑网3</a>
                                    <a href="#" style="color:#f40;">魔域</a>
                                    <a href="#">DOTA2</a>
                                    <a href="#">街头篮球</a>
                                    <a href="#">CF</a>
                                    <a href="#">天龙八部</a>
                                    <a href="#">大话西游2</a>
                                    <a href="#">三国争霸</a>
                                    <a href="#" style="color:#f40;">YY</a>
                                    <a href="#">劲舞团</a>
                                    <a href="#" style="color:#f40;">倩女幽魂</a>
                                    <a href="#">天下3</a>
                                    <a href="#">反恐精英</a>
                                    <a href="#">冒险岛</a>
                                    <a href="#">问道</a>
                                    <a href="#">逆战</a>
                                    <a href="#" style="color:#f40;">大唐无双</a>
                                    <a href="#">征途2</a>
                                    <a href="#">九阴真经</a>
                                    <a href="#" style="color:#f40;">龙之谷</a>
                                    <a href="#">热血江湖</a>
                                    <a href="#">剑灵</a>
                                </div>
                            </div>
                            <div>
                                <p>
                                    <a href="#" class="let fl"><img src="./images/icon/a3.jpg" alt="">热门影视周边</a>
                                    <a href="#" class="rit fr">更多></a>
                                </p>
                                <div>
                                    <a href="#" style="color:#f40;">DNF</a>
                                    <a href="#">梦幻西游</a>
                                    <a href="#" style="color:#f40;">魔兽</a>
                                    <a href="#">LOL</a>
                                    <a href="#">坦克世界</a>
                                    <a href="#" style="color:#f40;">剑网3</a>
                                    <a href="#" style="color:#f40;">魔域</a>
                                    <a href="#">DOTA2</a>
                                    <a href="#">街头篮球</a>
                                    <a href="#">CF</a>
                                    <a href="#" style="color:#f40;">天龙八部</a>
                                    <a href="#">大话西游2</a>
                                    <a href="#">三国争霸</a>
                                    <a href="#" style="color:#f40;">YY</a>
                                    <a href="#">劲舞团</a>
                                    <a href="#" style="color:#f40;">倩女幽魂</a>
                                    <a href="#">天下3</a>
                                    <a href="#">反恐精英</a>
                                    <a href="#">冒险岛</a>
                                    <a href="#">问道</a>
                                    <a href="#" style="color:#f40;">逆战</a>
                                    <a href="#">大唐无双</a>
                                    <a href="#">征途2</a>
                                    <a href="#" style="color:#f40;">九阴真经</a>
                                    <a href="#">龙之谷</a>
                                    <a href="#" style="color:#f40;">热血江湖</a>
                                    <a href="#">剑灵</a>
                                </div>
                            </div>
                        </div>
                        <div class="rit fr">
                            <h3 class="sss"><p></p><i class="icon iconfont pr">&#xe60c;</i>猜你喜欢<p></p></h3>
                            <p>实时推荐最适合你的宝贝</p>
                            <div>
                                <a href="#">
                                    <img src="./images/s11.png" alt="">
                                    <span>女子轻透透气速干运动T恤短袖T恤圆领运动罩衫宽松T恤健身跑步</span>
                                </a>
                                <a href="#">
                                    <img src="./images/s12.png" alt="">
                                    <span>女子轻透透气速干运动T恤短袖T恤圆领运动罩衫宽松T恤健身跑步</span>
                                </a>
                                <a href="#">
                                    <img src="./images/s13.png" alt="">
                                    <span>女子轻透透气速干运动T恤短袖T恤圆领运动罩衫宽松T恤健身跑步</span>
                                </a>
                                <a href="#">
                                    <img src="./images/s14.png" alt="">
                                    <span>女子轻透透气速干运动T恤短袖T恤圆领运动罩衫宽松T恤健身跑步</span>
                                </a>
                                <a href="#">
                                    <img src="./images/s15.png" alt="">
                                    <span>女子轻透透气速干运动T恤短袖T恤圆领运动罩衫宽松T恤健身跑步</span>
                                </a>
                                <a href="#">
                                    <img src="./images/s16.png" alt="">
                                    <span>女子轻透透气速干运动T恤短袖T恤圆领运动罩衫宽松T恤健身跑步</span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="windows pa">
                        <div class="lft fl">
                            <div>
                                <p>
                                    <a href="#" class="let fl"><img src="./images/icon/a3.jpg" alt="">热门影视周边</a>
                                    <a href="#" class="rit fr">更多></a>
                                </p>
                                <div>
                                    <a href="#" style="color:#f40;">DNF</a>
                                    <a href="#">梦幻西游</a>
                                    <a href="#" style="color:#f40;">魔兽</a>
                                    <a href="#">LOL</a>
                                    <a href="#">坦克世界</a>
                                    <a href="#" style="color:#f40;">剑网3</a>
                                    <a href="#" style="color:#f40;">魔域</a>
                                    <a href="#">DOTA2</a>
                                    <a href="#">街头篮球</a>
                                    <a href="#">CF</a>
                                    <a href="#" style="color:#f40;">天龙八部</a>
                                    <a href="#">大话西游2</a>
                                    <a href="#">三国争霸</a>
                                    <a href="#" style="color:#f40;">YY</a>
                                    <a href="#">劲舞团</a>
                                    <a href="#" style="color:#f40;">倩女幽魂</a>
                                    <a href="#">天下3</a>
                                    <a href="#">反恐精英</a>
                                    <a href="#">冒险岛</a>
                                    <a href="#">问道</a>
                                    <a href="#" style="color:#f40;">逆战</a>
                                    <a href="#">大唐无双</a>
                                    <a href="#">征途2</a>
                                    <a href="#" style="color:#f40;">九阴真经</a>
                                    <a href="#">龙之谷</a>
                                    <a href="#" style="color:#f40;">热血江湖</a>
                                    <a href="#">剑灵</a>
                                </div>
                            </div>
                            <div>
                                <p>
                                    <a href="#" class="let fl"><img src="./images/icon/a1.jpg" alt="">游戏</a>
                                    <a href="#" class="rit fr">更多></a>
                                </p>
                                <div>
                                    <a href="#">DNF</a>
                                    <a href="#">梦幻西游</a>
                                    <a href="#">魔兽</a>
                                    <a href="#" style="color:#f40;">LOL</a>
                                    <a href="#">坦克世界</a>
                                    <a href="#">剑网3</a>
                                    <a href="#" style="color:#f40;">魔域</a>
                                    <a href="#">DOTA2</a>
                                    <a href="#">街头篮球</a>
                                    <a href="#">CF</a>
                                    <a href="#">天龙八部</a>
                                    <a href="#">大话西游2</a>
                                    <a href="#" style="color:#f40;">三国争霸</a>
                                    <a href="#" style="color:#f40;">YY</a>
                                    <a href="#">劲舞团</a>
                                    <a href="#" style="color:#f40;">倩女幽魂</a>
                                    <a href="#">天下3</a>
                                    <a href="#">反恐精英</a>
                                    <a href="#">冒险岛</a>
                                    <a href="#">问道</a>
                                    <a href="#" style="color:#f40;">逆战</a>
                                    <a href="#">大唐无双</a>
                                    <a href="#">征途2</a>
                                    <a href="#" style="color:#f40;">九阴真经</a>
                                    <a href="#">龙之谷</a>
                                    <a href="#">热血江湖</a>
                                    <a href="#">剑灵</a>
                                </div>
                            </div>
                            <div>
                                <p>
                                    <a href="#" class="let fl"><img src="./images/icon/a2.jpg" alt="">动漫周边</a>
                                    <a href="#" class="rit fr">更多></a>
                                </p>
                                <div>
                                    <a href="#">DNF</a>
                                    <a href="#">梦幻西游</a>
                                    <a href="#" style="color:#f40;">魔兽</a>
                                    <a href="#">LOL</a>
                                    <a href="#">坦克世界</a>
                                    <a href="#" style="color:#f40;">剑网3</a>
                                    <a href="#" style="color:#f40;">魔域</a>
                                    <a href="#">DOTA2</a>
                                    <a href="#">街头篮球</a>
                                    <a href="#">CF</a>
                                    <a href="#">天龙八部</a>
                                    <a href="#">大话西游2</a>
                                    <a href="#">三国争霸</a>
                                    <a href="#" style="color:#f40;">YY</a>
                                    <a href="#">劲舞团</a>
                                    <a href="#" style="color:#f40;">倩女幽魂</a>
                                    <a href="#">天下3</a>
                                    <a href="#">反恐精英</a>
                                    <a href="#">冒险岛</a>
                                    <a href="#">问道</a>
                                    <a href="#">逆战</a>
                                    <a href="#" style="color:#f40;">大唐无双</a>
                                    <a href="#">征途2</a>
                                    <a href="#">九阴真经</a>
                                    <a href="#" style="color:#f40;">龙之谷</a>
                                    <a href="#">热血江湖</a>
                                    <a href="#">剑灵</a>
                                </div>
                            </div>
                        </div>
                        <div class="rit fr">
                            <h3 class="sss"><p></p><i class="icon iconfont pr">&#xe60c;</i>猜你喜欢<p></p></h3>
                            <p>实时推荐最适合你的宝贝</p>
                            <div>
                                <a href="#">
                                    <img src="./images/s15.png" alt="">
                                    <span>女子轻透透气速干运动T恤短袖T恤圆领运动罩衫宽松T恤健身跑步</span>
                                </a>
                                <a href="#">
                                    <img src="./images/s16.png" alt="">
                                    <span>女子轻透透气速干运动T恤短袖T恤圆领运动罩衫宽松T恤健身跑步</span>
                                </a>
                                <a href="#">
                                    <img src="./images/s11.png" alt="">
                                    <span>女子轻透透气速干运动T恤短袖T恤圆领运动罩衫宽松T恤健身跑步</span>
                                </a>
                                <a href="#">
                                    <img src="./images/s12.png" alt="">
                                    <span>女子轻透透气速干运动T恤短袖T恤圆领运动罩衫宽松T恤健身跑步</span>
                                </a>
                                <a href="#">
                                    <img src="./images/s13.png" alt="">
                                    <span>女子轻透透气速干运动T恤短袖T恤圆领运动罩衫宽松T恤健身跑步</span>
                                </a>
                                <a href="#">
                                    <img src="./images/s14.png" alt="">
                                    <span>女子轻透透气速干运动T恤短袖T恤圆领运动罩衫宽松T恤健身跑步</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 中间部分 -->
                <div class="center fl pr" style="z-index:100;">
                    <div class="top-list1">
                        <ul class="top-list-1">
                            <li class="fl hov"><a href="#" class="lis-1">天猫</a></li>
                            <li class="fl hov"><a href="#" class="lis-1">聚划算</a></li>
                            <li class="fl hov"><a href="#" class="lis-1">天猫超市</a></li>
                            <li class="fl"><a>|</a></li>
                            <li class="fl hov"><a href="#" class="lis-2">淘抢购</a></li>
                            <li class="fl hov"><a href="#" class="lis-2">电器城</a></li>
                            <li class="fl hov"><a href="#" class="lis-2">司法拍卖</a></li>
                            <li class="fl hov"><a href="#" class="lis-2">中国质造</a></li>
                            <li class="fl hov"><a href="#" class="lis-2">特色中国</a></li>
                            <li class="fl"><a>|</a></li>
                            <li class="fl hov"><a href="#" class="lis-2">阿里旅行</a></li>
                            <li class="fl hov"><a href="#" class="lis-2">智能生活</a></li>
                            <li class="fl hov"><a href="#" class="lis-2">苏宁易购</a></li>
                        </ul>
                    </div>
                    <div class="bottom-1">
                        <!-- 上   -->
                        <div class="bottom-1a">
                            <!-- 左上（轮播图） -->
                            <div class="lef fl pr">
                                <div class="imageBox pr">
                                    <div class="image-box pa">
                                        <a href="#"><img src="./images/b1.jpg" alt="" class="fl"></a>
                                        <a href="#"><img src="./images/b2.jpg" alt="" class="fl"></a>
                                        <a href="#"><img src="./images/b3.jpg" alt="" class="fl"></a>
                                        <a href="#"><img src="./images/b4.jpg" alt="" class="fl"></a>
                                        <a href="#"><img src="./images/b5.jpg" alt="" class="fl"></a>
                                        <a href="#"><img src="./images/b1.jpg" alt="" class="fl"></a>
                                    </div>
                                </div>
                                <!-- 向左向右走 -->
                                <div class="go-btn goleft pa c-p">
                                    <
                                </div>
                                <div class="go-btn goright pa c-p">
                                    >
                                </div>
                                <!-- 快速切换按钮 -->
                                <ul class="quick-go pa">
                                    <li class="fl c-p"></li>
                                    <li class="fl c-p"></li>
                                    <li class="fl c-p"></li>
                                    <li class="fl c-p"></li>
                                    <li class="fl c-p"></li>
                                </ul>
                            </div>
                            <!-- 右上 -->
                            <div class="rig fr">
                                <img src="./images/a2.jpg" alt="">
                            </div>
                        </div>
                        <!-- 下 -->
                        <div class="bottom-1b">
                            <!-- 左下（轮播图） -->
                            <div class="lef fl">
                                <div class="tit-1">
                                    <span class="fl"><img src="./images/a4.gif" alt="">天猫必逛</span>
                                    <em class="fl">热门品牌,天天上天猫!</em>
                                    <strong class="fr"><i>4</i>/6</strong>
                                </div>


                                <div class="lef fl pr">
                                    <div class="imageBox pr">
                                        <!-- 图片们 -->
                                        <div class="image-box pa">
                                            <div class="fl">
                                                <a href="#"><img src="./images/c11.jpg" class="fl r11"></a>
                                                <a href="#"><img src="./images/c12.jpg" class="fl r12"></a>
                                                <a href="#"><img src="./images/c13.jpg" class="fl r12"></a>
                                                <a href="#"><img src="./images/c14.png" class="fl r12"></a>
                                                <a href="#"><img src="./images/c15.png" class="fl r12"></a>
                                            </div>
                                            <div class="fl">
                                                <a href="#"><img src="./images/c21.jpg" class="fl r12"></a>
                                                <a href="#"><img src="./images/c22.jpg" class="fl r12"></a>
                                                <a href="#"><img src="./images/c23.png" class="fl r12"></a>
                                                <a href="#"><img src="./images/c24.jpg" class="fl r12"></a>
                                                <a href="#"><img src="./images/c25.jpg" class="fl r12"></a>
                                                <a href="#"><img src="./images/c26.png" class="fl r12"></a>
                                            </div>
                                            <div class="fl">
                                                <a href="#"><img src="./images/c31.jpg" class="fl r12"></a>
                                                <a href="#"><img src="./images/c32.jpg" class="fl r12"></a>
                                                <a href="#"><img src="./images/c33.jpg" class="fl r12"></a>
                                                <a href="#"><img src="./images/c34.png" class="fl r12"></a>
                                                <a href="#"><img src="./images/c35.png" class="fl r12"></a>
                                                <a href="#"><img src="./images/c36.jpg" class="fl r12"></a>
                                            </div>
                                            <div class="fl">
                                                <a href="#"><img src="./images/c41.jpg" class="fl r12"></a>
                                                <a href="#"><img src="./images/c42.jpg" class="fl r12"></a>
                                                <a href="#"><img src="./images/c43.jpg" class="fl r12"></a>
                                                <a href="#"><img src="./images/c44.jpg" class="fl r12"></a>
                                                <a href="#"><img src="./images/c45.png" class="fl r12"></a>
                                                <a href="#"><img src="./images/c46.png" class="fl r12"></a>
                                            </div>
                                            <div class="fl">
                                                <a href="#"><img src="./images/c51.jpg" class="fl r5"></a>
                                                <a href="#"><img src="./images/c52.jpg" class="fl r5"></a>
                                                <a href="#"><img src="./images/c53.jpg" class="fl r5"></a>
                                                <a href="#"><img src="./images/c54.jpg" class="fl r5"></a>
                                                <a href="#"><img src="./images/c55.jpg" class="fl r5"></a>
                                                <a href="#"><img src="./images/c56.jpg" class="fl r5"></a>
                                                <a href="#"><img src="./images/c57.jpg" class="fl r5"></a>
                                                <a href="#"><img src="./images/c58.jpg" class="fl r5"></a>
                                                <a href="#"><img src="./images/c59.jpg" class="fl r5"></a>
                                                <a href="#"><img src="./images/c5a.jpg" class="fl r5"></a>
                                                <a href="#"><img src="./images/c5b.jpg" class="fl r5"></a>
                                                <a href="#"><img src="./images/c5c.jpg" class="fl r5"></a>
                                            </div>
                                            <div class="fl">
                                                <a href="#"><img src="./images/c61.jpg" class="fl r6"></a>
                                                <a href="#"><img src="./images/c62.jpg" class="fl r6"></a>
                                            </div>
                                            <div class="fl">
                                                <a href="#"><img src="./images/c11.jpg" class="fl r11"></a>
                                                <a href="#"><img src="./images/c12.jpg" class="fl r12"></a>
                                                <a href="#"><img src="./images/c13.jpg" class="fl r12"></a>
                                                <a href="#"><img src="./images/c14.png" class="fl r12"></a>
                                                <a href="#"><img src="./images/c15.png" class="fl r12"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 向左向右走 -->
                                    <div class="go-btn goleft pa c-p">
                                        <
                                    </div>
                                    <div class="go-btn goright pa c-p">
                                        >
                                    </div>
                                    <!-- 快速切换按钮 -->
                                    <ul class="quick-go pa">
                                        <li class="fl c-p"></li>
                                        <li class="fl c-p"></li>
                                        <li class="fl c-p"></li>
                                        <li class="fl c-p"></li>
                                        <li class="fl c-p"></li>
                                        <li class="fl c-p"></li>
                                    </ul>
                                </div>
                            </div>
                            <!-- 右下 -->
                            <div class="rig fr">
                                <h5>今日热卖</h5>
                                <img src="./images/a3.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cl"></div>
                <!-- 蕾丝控广告 -->
                <div class="lsk">
                    <a href="#" class="fl">
                        <img src="./images/d1.jpg" alt="" class="fl">
                        <strong class="fl">蕾丝控</strong><br>
                        <span class="fl">少女蕾丝心</span><br>
                        <em class="fl"><i class="icon iconfont">&#xe634;</i>人气136395</em>
                    </a>
                    <a href="#" class="fl">
                        <img src="./images/d2.jpg" alt="" class="fl">
                        <strong class="fl">性感尤物</strong><br>
                        <span class="fl">露的随心所欲</span><br>
                        <em class="fl"><i class="icon iconfont">&#xe634;</i>人气21298</em>
                    </a>
                    <a href="#" class="fl">
                        <img src="./images/d3.jpg" alt="" class="fl">
                        <strong class="fl">裙控MM</strong><br>
                        <span class="fl">最美不过裙装</span><br>
                        <em class="fl"><i class="icon iconfont">&#xe634;</i>人气73682</em>
                    </a>
                    <a href="#" class="fl">
                        <img src="./images/d4.png" alt="" class="fl">
                        <strong class="fl">就爱设计感</strong><br>
                        <span class="fl">我们不平庸</span><br>
                        <em class="fl"><i class="icon iconfont">&#xe634;</i>人气116078</em>
                    </a>
                    <a href="#" class="fl">
                        <img src="./images/d5.jpg" alt="" class="fl">
                        <strong class="fl">生活艺术家</strong><br>
                        <span class="fl">过我要的生活</span><br>
                        <em class="fl"><i class="icon iconfont">&#xe634;</i>人气34240</em>
                    </a>
                </div>
                <!-- 我常逛的 -->
                <div class="dtd">
                    <h2 class="comHeader_h2">
                        <a href="#" class="fr">
                            更多<i class="icon iconfont">&#xe775;</i>
                        </a>
                    </h2>
                    <div>
                        <!-- 左上 -->
                        <div class="fl">
                            <!-- 左边列表 -->
                            <div class="lef fl">
                                <a href="#">
                                    <img src="./images/e1.png" alt="">
                                </a>
                                <div class="list">
                                    <strong>热门TOP</strong>
                                    <a href="#">酸梅汤<i></i></a>
                                    <a href="#">月饼<i></i></a>
                                    <a href="#">鲜虾</a>
                                    <a href="#">泰国榴莲</a>
                                    <a href="#">芒果</a>
                                    <a href="#">牛排</a>
                                    <a href="#">橙子</a>
                                    <a href="#">核桃</a>
                                    <a href="#">新疆大枣</a>
                                    <a href="#">农家蜂蜜</a>
                                    <a href="#">鲜花饼</a>
                                    <a href="#">红酒</a>
                                    <a href="#">苹果</a>
                                </div>
                            </div>
                            <!-- 右边内容 -->
                            <div class="rig fr">
                                <div class="top bdb">
                                    <a href="#" class="fl f11 bdr"><img src="./images/f11.png"/></a>
                                    <div class="fl bdr">
                                        <a href="#" class="bdb"><img src="./images/f12.png"/></a>
                                        <a href="#"><img src="./images/f13.png"/></a>
                                    </div>
                                    <a href="#" class="f14 fr"><img src="./images/f14.jpg"/></a>
                                </div>
                                <div class="bot">
                                    <p class="bdb">
                                        <a href="#" class="fl"><img src="./images/f15.png"><br><i>零食礼包</i></img></a>
                                        <a href="#" class="fl"><img src="./images/f16.png"><br><i>葡萄酒</i></img></a>
                                        <a href="#" class="fl"><img src="./images/f17.png"><br><i>糕点</i></img></a>
                                        <a href="#" class="fl"><img src="./images/f18.png"><br><i>方便面</i></img></a>
                                    </p>
                                    <p>
                                        <a href="#" class="fl"><img src="./images/f19.png"><br><i>蜂蜜</i></img></a>
                                        <a href="#" class="fl"><img src="./images/f1a.png"><br><i>火龙果</i></img></a>
                                        <a href="#" class="fl"><img src="./images/f1b.png"><br><i>咖啡</i></img></a>
                                        <a href="#" class="fl"><img src="./images/f1c.png"><br><i>红枣</i></img></a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <!-- 右上 -->
                        <div class="fr">
                            <div class="lef fl">
                                <a href="#">
                                    <img src="./images/e2.png" alt="">
                                </a>
                                <div class="list">
                                    <strong>热门TOP</strong>
                                    <a href="#">酸梅汤<i></i></a>
                                    <a href="#">月饼<i></i></a>
                                    <a href="#">鲜虾</a>
                                    <a href="#">泰国榴莲</a>
                                    <a href="#">芒果</a>
                                    <a href="#">牛排</a>
                                    <a href="#">橙子</a>
                                    <a href="#">核桃</a>
                                    <a href="#">新疆大枣</a>
                                    <a href="#">农家蜂蜜</a>
                                    <a href="#">鲜花饼</a>
                                    <a href="#">红酒</a>
                                    <a href="#">苹果</a>
                                </div>
                            </div>
                            <div class="rig rig1 fr">
                                <div class="top bdb">
                                    <div class="rig11 fl">
                                        <a href="#"><img src="./images/f21.jpg" alt=""></a>
                                    </div>
                                    <div class="rig11 fl bdr">
                                        <a href="#"><img src="./images/f22.jpg" alt=""></a>
                                    </div>
                                    <div class="rig13 fl">
                                        <div class="bdb">
                                            <a href="#">
                                                <div class="fl">
                                                    <p class="p1">黄金手链</p>
                                                    <p class="p2">全球购</p>
                                                </div>
                                                <img src="./images/f23.png" alt="" class="fr">
                                            </a>
                                        </div>
                                        <div>
                                            <a href="#">
                                                <div class="fl">
                                                    <p class="p1">最美锁骨</p>
                                                    <p class="p2">黑天鹅</p>
                                                </div>
                                                <img src="./images/f24.png" alt="" class="fr">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="btm">
                                    <!-- 超个性酒神包 -->
                                    <div class="rig14 fl bdr pr">
                                        <a href="#"><img src="./images/f25.png" alt=""></a>
                                        <div class="pa">
                                            <p>
                                                <span class="a ab">赏新</span>
                                                <span class="b ab">超个性酒神包</span><br>
                                            </p>
                                            <p class="c ab">无法抗拒的诱惑,火出新高度</p>
                                        </div>
                                    </div>
                                    <div class="rig15 fl">
                                        <div class="bdb">
                                            <a href="#">
                                                <img src="./images/f26.png" alt="">
                                            </a>
                                            <p class="pr">经典钻石耳钉</p>
                                        </div>
                                        <div>
                                            <a href="#">
                                                <img src="./images/f27.png" alt="">
                                            </a>
                                            <p class="pr">男士潮流手链</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 夏天的味道 -->
                <div style="" class="summary">
                    <a href="#"><img src="./images/g1.jpg" alt=""></a>
                </div>


            </div>
            <!-- right ********************侧栏*********************-->
            <div class="right-bar pa" style="z-index:5;">
                <div class="log">
                    <div class="top">
                        <a href="#">
                            <img src="./images/icon/head.jpg" alt="">
                        </a>
                        <span>Hi! 你好</span>
                        <p>
                            <a href="#" class="head">领淘金币抵钱</a>
                            <span>或去</span>
                            <a href="#">会员俱乐部</a>
                        </p>
                    </div>
                    <div class="btm">
                        <a href="#">登录</a>
                        <a href="#">注册</a>
                        <a href="#">开店</a>
                    </div>
                </div>
                <div class="pub">
                    <div class="head">
                        <a href="#" class="fx">公告</a>
                        <a href="#">规则</a>
                        <a href="#">论坛</a>
                        <a href="#">安全</a>
                        <a href="#">公益</a>
                    </div>
                    <div class="cont">
                        <div class="typeA">
                            <a href="#" class="f40">上海家化获得“2016天猫双11晚会”独家冠名权</a>
                            <a href="#">有机产品剁手党放心买</a>
                            <a href="#">国内最智能仓储开仓</a>
                        </div>
                        <div class="typeB">
                            <a href="#" class="f40">开店认证假货规则变更</a>
                            <a href="#">未经备案商品禁售规则</a>
                            <a href="#">新增旅行市场WIFI规则</a>
                            <a href="#">淘宝争议处理规则变更</a>
                        </div>
                        <div class="typeB">
                            <a href="#" class="f40">G20杭州快递影响</a>
                            <a href="#">爱育之心做衣服</a>
                            <a href="#">700家热风淘宝路</a>
                            <a href="#">是赚钱还是骗子</a>
                        </div>
                        <div class="typeB">
                            <a href="#" class="f40">骗子也要追奥运！</a>
                            <a href="#" class="f40">淘宝网广告商品管控</a>
                            <a href="#">代运营生态净化启动</a>
                            <a href="#">新手卖家自杀式玩法</a>
                        </div>
                        <div class="typeB">
                            <a href="#" class="f40">阿里捐赠700万元救灾</a>
                            <a href="#">阿里与残联出助残政策</a>
                            <a href="#">公益宝贝卖家发票索取</a>
                            <a href="#">公益机构淘宝开店攻略</a>
                        </div>
                    </div>
                </div>
                <div class="sur pr">
                    <ul>
                        <li class="fare bord"><a href="#"><i class="ico_ur ico-a"></i><span>充话费</span></a></li>
                        <li class="game bord"><a href="#"><i class="ico_ur ico-b"></i><span>游戏</span></a></li>
                        <li class="trav bord"><a href="#"><i class="ico_ur ico-c"></i><span>旅行</span></a></li>
                        <li class="secu bord fx"><a href="#"><i class="ico_ur ico-d"></i><span>保险</span></a></li>
                        <li class=""><a href="#"><i class="ico_ur ico-e"></i><span>彩票</span></a></li>
                        <li class=""><a href="#"><i class="ico_ur ico-f"></i><span>电影</span></a></li>
                        <li class=""><a href="#"><i class="ico_ur ico-g"></i><span>点外卖</span></a></li>
                        <li class="fx"><a href="#"><i class="ico_ur ico-h"></i><span>理财</span></a></li>
                        <li class=""><a href="#"><i class="ico_ur ico-i"></i><span>找服务</span></a></li>
                        <li class=""><a href="#"><i class="ico_ur ico-j"></i><span>音乐</span></a></li>
                        <li class=""><a href="#"><i class="ico_ur ico-k"></i><span>水电煤</span></a></li>
                        <li class="fx"><a href="#"><i class="ico_ur ico-l"></i><span>火车票</span></a></li>
                    </ul>
                    <div class="pa">
                        <i class="icon iconfont pa">&#xe723;</i>
                        <div class="box-fare">
                            <p>
                                <a href="#">充话费</a>
                                <a href="#">充流量</a>
                                <a href="#">充固话</a>
                                <a href="#">冲宽带</a>
                            </p>
                            <div>
                                <form>
                                    <input type="" name="" placeholder="请输入手机号码">
                                    <input type="" name="" value="50元">
                                    <p><span>售价</span><em>¥</em><strong>49-49.8</strong></p>
                                    <button>立即充值</button>
                                </form>
                                <form></form>
                                <form></form>
                                <form></form>
                            </div>
                        </div>
                        <div class="box-game"></div>
                        <div class="box-trav"></div>
                        <div class="box-secu"></div>
                    </div>
                </div>
                <div class="app">
                    <h3><span>阿里APP</span><a href="#" class="fr">更多></a></h3>
                    <div>
                        <a href="#" class="pr">
                            <img src="./images/icon/s0.png">
                            <div class="pa"><img src="./images/icon/s11.jpg" alt=""><span>扫一扫淘宝</span><i></i></div>
                        </a>
                        <a href="#" class="pr">
                            <img src="./images/icon/s1.png">
                            <div class="pa"><img src="./images/icon/s11.jpg" alt=""><span>扫一扫天猫</span><i></i></div>
                        </a>
                        <a href="#" class="pr">
                            <img src="./images/icon/s2.png">
                            <div class="pa"><img src="./images/icon/s11.jpg" alt=""><span>扫一扫聚划算</span><i></i></div>
                        </a>
                        <a href="#" class="pr">
                            <img src="./images/icon/s3.png">
                            <div class="pa"><img src="./images/icon/s11.jpg" alt=""><span>扫一扫淘支付宝</span><i></i></div>
                        </a>
                        <a href="#" class="pr">
                            <img src="./images/icon/s4.png">
                            <div class="pa"><img src="./images/icon/s11.jpg" alt=""><span>扫一扫旺旺</span><i></i></div>
                        </a>
                        <a href="#" class="pr">
                            <img src="./images/icon/s5.png">
                            <div class="pa"><img src="./images/icon/s11.jpg" alt=""><span>扫一扫土豆</span><i></i></div>
                        </a>
                        <a href="#" class="pr">
                            <img src="./images/icon/s6.png">
                            <div class="pa"><img src="./images/icon/s11.jpg" alt=""><span>扫一扫蚂蚁聚宝</span><i></i></div>
                        </a>
                        <a href="#" class="pr">
                            <img src="./images/icon/s7.png">
                            <div class="pa"><img src="./images/icon/s11.jpg" alt=""><span>扫一扫优酷</span><i></i></div>
                        </a>
                        <a href="#" class="pr">
                            <img src="./images/icon/s8.png">
                            <div class="pa"><img src="./images/icon/s11.jpg" alt=""><span>扫一扫钉钉</span><i></i></div>
                        </a>
                        <a href="#" class="pr">
                            <img src="./images/icon/s9.png">
                            <div class="pa"><img src="./images/icon/s11.jpg" alt=""><span>扫一扫淘宝头条</span><i></i></div>
                        </a>
                    </div>
                </div>
                <!-- 淘宝头条 -->
                <div class="new">
                    <h3><a href="#">更多></a></span></h3>
                    <div class="pr">
                        <div class="pa">
                            <a href="#">
                                <img src="./images/o1.png" alt="">
                                <div>
                                    <h3>不用不知道，这些办法去黑头</h3>
                                    <span>黑头是什么，恐怕没有妹纸是不知道的吧。平时我们卸妆不干净，或者油脂分泌旺盛，鼻子和毛孔粗大的部位就会出现一片片的黑点点，非常影响美观。记得小编年轻时候不懂事，看到这些黑点点就拿手去扣，导致现在鼻子和两颊毛孔粗大，真是后悔死了。黑头这个老大难问题，究竟有什么好办法可以不伤害毛孔就把</span>
                                </div>
                            </a>
                            <a href="#">
                                <img src="./images/o2.png" alt="">
                                <div>
                                    <h3>照片墙都out了，一大波“挂盘墙”来袭！</h3>
                                    <span>上帝会保佑那些粉丝“订阅”我的人都幸福呦↗↗家居装饰还在用照片墙吗？太out了！虽然照片墙也有很强的装饰效果，但是也有限，首先的就是照片不够美，照片墙出来的效果可能不是很好。点亮家居，挂盘墙走起！普通到不能再普通的挂盘因为其艳丽多彩的图案，一放到墙面，就感觉格外的不一样，有格调！</span>
                                </div>
                            </a>
                            <a href="#">
                                <img src="./images/o3.png" alt="">
                                <div>
                                    <h3>不敢想象！厨房没有这些东西那得有多累啊！</h3>
                                    <span>厨房真是个让人又爱又恨的地方,一方面厨房能够为家人烹饪美食,享受快乐,可另一方面,厨房里的工作总是让人晕头转向。虽然厨房里的工作复杂又繁琐,但是学会巧妙应对,也能让厨房变得轻松简单。想玩转厨房吗？来跟小编学起来！【沥水收纳筐】厨房的洗刷工具如果一直潮湿很容易滋生细菌,用长满细菌的</span>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- 有好货 -->
                <div class="hot">
                    <h3></h3>
                    <a href="#">
                        <img src="./images/p0.png" alt="">
                        <div>
                            <h3>中大童上衣</h3>
                            <span>防滑耐磨的橡胶底，加绒内里，柔软蓬松，透气性良好，让双脚时刻保持干爽，同时给孩子带来双重保暖，魔术贴的闭合方式，方便孩子穿脱，贴合孩子的脚型，让孩子行走舒适，且简洁大方。</span>
                            <em>234 人说好</em>
                        </div>
                    </a>
                    <a href="#">
                        <img src="./images/p1.png" alt="">
                        <div>
                            <h3>中大童上衣</h3>
                            <span>防滑耐磨的橡胶底，加绒内里，柔软蓬松，透气性良好，让双脚时刻保持干爽，同时给孩子带来双重保暖，魔术贴的闭合方式，方便孩子穿脱，贴合孩子的脚型，让孩子行走舒适，且简洁大方。</span>
                            <em>234 人说好</em>
                        </div>
                    </a>
                    <p><a href="#"><i class="icon iconfont">&#xe639;</i>换一组看看</a></p>
                </div>

                <!--</div>-->
            </div>
        </div>
    </div>

    <!-- 中部 -->
    <div class="body">
        <!-- 热卖单品 -->
        <div class="hott pr">
            <h3><p class="lef pa"></p><i></i>热卖单品<p class="rig pa"></p></h3>
            <div class="nav_bar">
                <a href="#" class="bdr_2">素色</a>
                <a href="#" class="bdr_2">硬盘</a>
                <a href="#" class="bdr_2">白衬衫</a>
                <a href="#" class="bdr_2">长衬衫</a>
                <a href="#" class="bdr_2">女衬衣</a>
                <a href="#" class="bdr_2">蕾丝衫</a>
                <a href="#" class="bdr_2">雪纺衫</a>
                <a href="#" class="bdr_2">女衬衫</a>
                <a href="#" class="bdr_2">衬衫女</a>
                <a href="#" class="bdr_2">娃娃衫</a>
                <a href="#" class="bdr_2">蕾丝</a>
                <a href="#" class="bdr_2">一字肩</a>
                <a href="#" class="bdr_2">雪纺</a>
                <a href="#" class="bdr_2">一字领</a>
                <a href="#" class="bdr_2">上衣</a>
                <a href="#" class="bdr_2">沙发</a>
                <a href="#" class="bdr_2">拉杆箱</a>
                <a href="#" class="bdr_2">妈妈装</a>
                <a href="#" class="bdr_2">女包</a>
                <a href="#" class="bdr_2">床垫</a>
                <a href="#" class="bdr_2">电脑椅</a>
                <a href="#" class="bdr_2">男包</a>
                <a href="#">连衣裙</a>
            </div>
            <ul>
                <li class="bag">
                    <img src="./images/l10.png" alt="">
                    <div class="pric">
                        <a href="#">
                            <span>¥</span>
                            <em>299.00</em>
                        </a>
                    </div>
                    <div class="vol">
                        <a href="#" class="free">包邮</a>
                        <a href="#">
                            月销<em>20</em>笔
                        </a>
                    </div>
                    <div class="supp">
                        <a href="#">妈妈说,文案要写的棒棒的,你们才会点进来!</a>
                    </div>
                    <div class="eva">
                        <a href="#">评价<em>8</em></a>
                        <a href="#">收藏<em>426</em></a>
                    </div>
                    <div class="shadow">
                        <span>新风尚价! 邑品 休闲衬衣</span>
                        <p>去看看</p>
                    </div>
                </li>
                <li class="sml">
                    <div>
                        <img src="./images/l11.png" alt="">
                        <div class="pric">
                            <a href="#">
                                <span>¥</span>
                                <em>89.00</em>
                            </a>
                        </div>
                        <div class="vol">
                            <a href="#" class="free">包邮</a>
                            <a href="#">月销<em>595</em>笔</a>
                        </div>
                        <div class="shadow">
                            <span>新风尚价! 邑品 休闲衬衣</span>
                            <p>去看看</p>
                        </div>
                    </div>
                    <div>
                        <img src="./images/l12.png" alt="">
                        <div class="pric">
                            <a href="#">
                                <span>¥</span>
                                <em>89.00</em>
                            </a>
                        </div>
                        <div class="vol">
                            <a href="#">月销<em>595</em>笔</a>
                        </div>
                        <div class="shadow">
                            <span>新风尚价! 邑品 休闲衬衣</span>
                            <p>去看看</p>
                        </div>
                    </div>
                </li>


                <li class="bag">
                    <img src="./images/l13.png" alt="">
                    <div class="pric">
                        <a href="#">
                            <span>¥</span>
                            <em>299.00</em>
                        </a>
                    </div>
                    <div class="vol">
                        <a href="#" class="new">新品</a>
                        <a href="#">
                            月销<em>20</em>笔
                        </a>
                    </div>
                    <div class="supp">
                        <a href="#">妈妈说,文案要写的棒棒的,你们才会点进来!</a>
                    </div>
                    <div class="eva">
                        <a href="#">评价<em>8</em></a>
                        <a href="#">收藏<em>426</em></a>
                    </div>
                    <div class="shadow">
                        <span>新风尚价! 邑品 休闲衬衣</span>
                        <p>去看看</p>
                    </div>
                </li>
                <li class="sml">
                    <div>
                        <img src="./images/l14.png" alt="">
                        <div class="pric">
                            <a href="#">
                                <span>¥</span>
                                <em>89.00</em>
                            </a>
                        </div>
                        <div class="vol">
                            <a href="#">月销<em>595</em>笔</a>
                        </div>
                        <div class="shadow">
                            <span>新风尚价! 邑品 休闲衬衣</span>
                            <p>去看看</p>
                        </div>
                    </div>
                    <div>
                        <img src="./images/l15.png" alt="">
                        <div class="pric">
                            <a href="#">
                                <span>¥</span>
                                <em>89.00</em>
                            </a>
                        </div>
                        <div class="vol">
                            <a href="#" class="new">新品</a>
                            <a href="#">月销<em>595</em>笔</a>
                        </div>
                        <div class="shadow">
                            <span>新风尚价! 邑品 休闲衬衣</span>
                            <p>去看看</p>
                        </div>
                    </div>
                </li>
                <li class="bag">
                    <img src="./images/l16.png" alt="">
                    <div class="pric">
                        <a href="#">
                            <span>¥</span>
                            <em>299.00</em>
                        </a>
                    </div>
                    <div class="vol">
                        <a href="#">
                            月销<em>20</em>笔
                        </a>
                    </div>
                    <div class="supp">
                        <a href="#">妈妈说,文案要写的棒棒的,你们才会点进来!</a>
                    </div>
                    <div class="eva">
                        <a href="#">评价<em>8</em></a>
                        <a href="#">收藏<em>426</em></a>
                    </div>
                    <div class="shadow">
                        <span>新风尚价! 邑品 休闲衬衣</span>
                        <p>去看看</p>
                    </div>
                </li>
                <li class="sml fixed">
                    <div>
                        <img src="./images/l17.png" alt="">
                        <div class="pric">
                            <a href="#">
                                <span>¥</span>
                                <em>89.00</em>
                            </a>
                        </div>
                        <div class="vol">
                            <a href="#">月销<em>595</em>笔</a>
                        </div>
                        <div class="shadow">
                            <span>新风尚价! 邑品 休闲衬衣</span>
                            <p>去看看</p>
                        </div>
                    </div>
                    <div>
                        <img src="./images/l18.png" alt="">
                        <div class="pric">
                            <a href="#">
                                <span>¥</span>
                                <em>89.00</em>
                            </a>
                        </div>
                        <div class="vol">
                            <a href="#">月销<em>595</em>笔</a>
                        </div>
                        <div class="shadow">
                            <span>新风尚价! 邑品 休闲衬衣</span>
                            <p>去看看</p>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="show">
                <div>
                    <a href="#">
                        <img src="./images/m1.jpg" alt="">
                    </a>
                </div>
                <div class="mar">
                    <a href="#">
                        <img src="./images/m2.jpg" alt="">
                    </a>
                </div>
                <div class="mar fixed">
                    <a href="#">
                        <img src="./images/m3.jpg" alt="">
                    </a>
                </div>
            </div>
        </div>
        <!-- 猜你喜欢 -->
        <div class="hott like pr">
            <h3><p class="lef pa"></p><a class="icon iconfont">&#xe60c;</a>猜你喜欢<p class="rig pa"></p></h3>
            <div class="desc pa">实时推荐最适合你的宝贝</div>
            <ul id="list">
                <li>
                    <img src="./images/n01.jpg" alt="">
                    <p>神衬衫!!!一件顶3件,超显瘦</p>
                    <span><em>¥</em>88</span>
                    <div class="shado">
                        <img src="./images/shadow1.png" alt="">
                        <a href="#">
                            <h4>找相似</h4>
                            <p class="pr">
                                发现更多宝贝<i class="icon iconfont pa">&#xe621;</i>
                            </p>
                        </a>
                    </div>
                </li>
                <li>
                    <img src="./images/n02.jpg" alt="">
                    <p>神衬衫!!!一件顶3件,超显瘦</p>
                    <span><em>¥</em>88</span>
                    <div class="shado">
                        <img src="./images/shadow1.png" alt="">
                        <a href="#">
                            <h4>找相似</h4>
                            <p class="pr">
                                发现更多宝贝<i class="icon iconfont pa">&#xe621;</i>
                            </p>
                        </a>
                    </div>
                </li>
                <li>
                    <img src="./images/n03.jpg" alt="">
                    <p>神衬衫!!!一件顶3件,超显瘦</p>
                    <strong>HOT</strong>
                    <span><em>¥</em>88</span>
                    <span></span>
                    <div class="shado">
                        <img src="./images/shadow1.png" alt="">
                        <a href="#">
                            <h4>找相似</h4>
                            <p class="pr">
                                发现更多宝贝<i class="icon iconfont pa">&#xe621;</i>
                            </p>
                        </a>
                    </div>
                </li>
                <li>
                    <img src="./images/n04.jpg" alt="">
                    <p>神衬衫!!!一件顶3件,超显瘦</p>
                    <span><em>¥</em>88</span>
                    <div class="shado">
                        <img src="./images/shadow1.png" alt="">
                        <a href="#">
                            <h4>找相似</h4>
                            <p class="pr">
                                发现更多宝贝<i class="icon iconfont pa">&#xe621;</i>
                            </p>
                        </a>
                    </div>
                </li>
                <li>
                    <img src="./images/n05.jpg" alt="">
                    <p>五星广州恒大新赛季新款双肩休闲书包蓝色背包简易球迷礼品红色</p>
                    <strong>HOT</strong>
                    <span><em>¥</em>88</span>
                    <i>销量:31</i>
                    <div class="shado">
                        <img src="./images/shadow1.png" alt="">
                        <a href="#">
                            <h4>找相似</h4>
                            <p class="pr">
                                发现更多宝贝<i class="icon iconfont pa">&#xe621;</i>
                            </p>
                        </a>
                    </div>
                </li>
                <li>
                    <img src="./images/n06.jpg" alt="">
                    <p>五星广州恒大新赛季新款双肩休闲书包蓝色背包简易球迷礼品红色</p>
                    <span><em>¥</em>88</span>
                    <i>销量:31</i>
                    <div class="shado">
                        <img src="./images/shadow1.png" alt="">
                        <a href="#">
                            <h4>找相似</h4>
                            <p class="pr">
                                发现更多宝贝<i class="icon iconfont pa">&#xe621;</i>
                            </p>
                        </a>
                    </div>
                </li>
                <li>
                    <img src="./images/n07.jpg" alt="">
                    <p>五星广州恒大新赛季新款双肩休闲书包蓝色背包简易球迷礼品红色</p>
                    <span><em>¥</em>88</span>
                    <i>销量:31</i>
                    <div class="shado">
                        <img src="./images/shadow1.png" alt="">
                        <a href="#">
                            <h4>找相似</h4>
                            <p class="pr">
                                发现更多宝贝<i class="icon iconfont pa">&#xe621;</i>
                            </p>
                        </a>
                    </div>
                </li>
                <li>
                    <img src="./images/n08.jpg" alt="">
                    <p>五星广州恒大新赛季新款双肩休闲书包蓝色背包简易球迷礼品红色</p>
                    <span><em>¥</em>88</span>
                    <div class="shado">
                        <img src="./images/shadow1.png" alt="">
                        <a href="#">
                            <h4>找相似</h4>
                            <p class="pr">
                                发现更多宝贝<i class="icon iconfont pa">&#xe621;</i>
                            </p>
                        </a>
                    </div>
                </li>
                <li>
                    <img src="./images/n09.jpg" alt="">
                    <p>五星广州恒大新赛季新款双肩休闲书包蓝色背包简易球迷礼品红色</p>
                    <strong>HOT</strong>
                    <span><em>¥</em>88</span>
                    <div class="shado">
                        <img src="./images/shadow1.png" alt="">
                        <a href="#">
                            <h4>找相似</h4>
                            <p class="pr">
                                发现更多宝贝<i class="icon iconfont pa">&#xe621;</i>
                            </p>
                        </a>
                    </div>
                </li>
                <li>
                    <img src="./images/n10.jpg" alt="">
                    <p>五星广州恒大新赛季新款双肩休闲书包蓝色背包简易球迷礼品红色</p>
                    <span><em>¥</em>88</span>
                    <div class="shado">
                        <img src="./images/shadow1.png" alt="">
                        <a href="#">
                            <h4>找相似</h4>
                            <p class="pr">
                                发现更多宝贝<i class="icon iconfont pa">&#xe621;</i>
                            </p>
                        </a>
                    </div>
                </li>
            </ul>
            <i class="pa" style="display: inline;">END</i>
        </div>
    </div>
    <!-- 尾部 -->
    <div class="footer">
        <!-- 消费者保障 -->
        <div class="helper">
            <div>
                <h4>
                    <i class="icon iconfont">&#xf0030;</i>
                    <span>消费者保障</span>
                </h4>
                <ul>
                    <li><a href="#">保障范围</a></li>
                    <li><a href="#">退货退款流程</a></li>
                    <li><a href="#">服务中心</a></li>
                    <li><a href="#">更多特色服务</a></li>
                </ul>
            </div>
            <div>
                <h4>
                    <i class="icon iconfont">&#xe660;</i>
                    <span>新手上路</span>
                </h4>
                <ul>
                    <li><a href="#">新手专区</a></li>
                    <li><a href="#">消费警示</a></li>
                    <li><a href="#">交易安全</a></li>
                    <li><a href="#">24小时在线帮助</a></li>
                    <li><a href="#">免费开店</a></li>
                </ul>
            </div>
            <div>
                <h4>
                    <i class="icon iconfont">&#xf0032;</i>
                    <span>付款方式</span>
                </h4>
                <ul>
                    <li><a href="#">快捷支付</a></li>
                    <li><a href="#">信用卡</a></li>
                    <li><a href="#">余额宝</a></li>
                    <li><a href="#">蚂蚁花呗</a></li>
                    <li><a href="#">货到付款</a></li>
                </ul>
            </div>
            <div>
                <h4>
                    <i class="icon iconfont">&#xf0033;</i>
                    <span>淘宝特色</span>
                </h4>
                <ul>
                    <li><a href="#">手机淘宝</a></li>
                    <li><a href="#">旺信</a></li>
                    <li><a href="#">大众评审</a></li>
                    <li><a href="#">B格指南</a></li>
                </ul>
            </div>
        </div>
        <!-- 导航 -->
        <div class="nav_go">
            <div class="footer-hd">
                <p>
                    <span><a href="#">阿里巴巴集团</a></span>
                    <b>|</b>
                    <span><a href="#">淘宝网</a></span>
                    <b>|</b>
                    <span><a href="#">天猫</a></span>
                    <b>|</b>
                    <span><a href="#">聚划算</a></span>
                    <b>|</b>
                    <span><a href="#">全球速卖通</a></span>
                    <b>|</b>
                    <span><a href="#">阿里巴巴国际交易市场</a></span>
                    <b>|</b>
                    <span><a href="#">1688</a></span>
                    <b>|</b>
                    <span><a href="#">阿里妈妈</a></span>
                    <b>|</b>
                    <span><a href="#">阿里旅行 · 去啊</a></span>
                    <b>|</b>
                    <span><a href="#">阿里云计算</a></span>
                    <b>|</b>
                    <span><a href="#">YunOS</a></span>
                    <b>|</b>
                    <span><a href="#">阿里通信</a></span>
                    <b>|</b>
                    <span><a href="#">一淘</a></span>
                    <b>|</b>
                    <span><a href="#">万网</a></span>
                    <b>|</b>
                    <span><a href="#">高德</a></span>
                    <b>|</b>
                    <span><a href="#">UC</a></span>
                    <b>|</b>
                    <span><a href="#">友盟</a></span><br>
                    <span><a href="#">虾米</a></span>
                    <b>|</b>
                    <span><a href="#">阿里星球</a></span>
                    <b>|</b>
                    <span><a href="#">来往</a></span>
                    <b>|</b>
                    <span><a href="#">钉钉</a></span>
                    <b>|</b>
                    <span><a href="#">支付宝</a></span>
                    <b>|</b>
                    <span><a href="#">优酷</a></span>
                    <b>|</b>
                    <span><a href="#">土豆</a></span>
                    <b>|</b>
                    <span><a href="#">阿里健康</a></span>
                    <b>|</b>
                    <span><a href="#">阿里影业</a></span>
                    <b>|</b>
                    <span><a href="#">阿里体育</a></span>
                    <b>|</b>
                    <span><a href="#">网商银行</a></span>
                </p>
            </div>
        </div>
        <!-- 关于 -->
        <div class="my_site">
            <div class="footer-hd">
                <p>
                    <span><a href="#">关于淘宝</a></span>
                    <span><a href="#">合作伙伴</a></span>
                    <span><a href="#">营销中心</a></span>
                    <span><a href="#">廉正举报</a></span>
                    <span><a href="#">联系客服</a></span>
                    <span><a href="#">开放平台</a></span>
                    <span><a href="#">诚征英才</a></span>
                    <span><a href="#">联系我们</a></span>
                    <span><a href="#">网站地图</a></span>
                    <span><a href="#">法律申明</a></span>
                    <span><a href="#">知识产权</a></span>
                    <b class="fff">|</b>
                    <span class="copyright">© 2003-2016 Taobao.com 版权所有</span>
                </p>
                <p>
                    <span>网络文化经营许可证：<a href="#">浙网文[2013]0268-027号</a></span>
                    <b>|</b>
                    <span>增值电信业务经营许可证：<a href="#">浙B2-20080224</a></span>
                    <b>|</b>
                    <span>信息网络传播视听节目许可证：1109364号</span>
                    <b>|</b>
                    <span>互联网违法和不良信息举报电话:0571-81683755 blxx@list.alibaba-inc.com</span>
                </p>
            </div>
        </div>
    </div>
</div>
</body>
<script src="./js/main.js"></script>
</html>